<!DOCTYPE html>
<html lang="en">
  <head>
    $shared/head()$
  </head>
  <body>

<div class="container">
 $usuarios: {order|
        <li>Order $order.Id$</li>
    }$

    $shared/header()$
    <div class="row">

        <div class="col-sm-3 col-md-3 sidebar">
            <span type="button" class="hidden-print">
  <span class="glyphicon glyphicon-user"></span> $usuarioConectado.NombreCompleto$
</span>
                $shared/menu()$
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-8 col-md-offset-0 main">
          <ol class="breadcrumb  hidden-print">
          <li class="active">Inicio</li>
        </ol>
        <div class="text-right">
          <button type="button" class="btn btn-default btn-sm" onclick="window.print();">
          <span  class="glyphicon glyphicon-print" ></span> Imprimir
          </button>
        </div>

        <h3>$usuarioConectado.NombreCompleto$ <small>$sucursal.Nombre$</small></h3>
        <div class="row">
        <div class="col-md-6">
          <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title small">Top 10 mas vendidos<small>(Ultimos 7 dias)</small></h3>
            </div>
            <div class="panel-body">
              <table class="table table-condensed  table-hover">
                <thead>
                  <tr>
                    <th>Producto</th>
                    <th class="text-right">Cantidad</th>
                  </tr>
                </thead>
                <tbody>
                  $ProductosTop: {p|
                  <tr>
                    <td>$p.Nombre$</td>
                    <td class="text-right">$p.CantidadVendida$</td>
                  </tr>
                  }$
                </tbody>
              </table>
            </div>
          </div>
        </div><!-- /.col-sm-4 -->
        <div class="col-sm-6">
          <div class="panel panel-success">
            <div class="panel-heading">
              <h3 class="panel-title">Turnos Abiertos</h3>
            </div>
            <div class="panel-body">
              <table class="table table-condensed  table-hover">
                <thead>
                  <tr>
                    <th>Cajero</th>
                    <th class="text-right">Hora Inicio</th>
                  </tr>
                </thead>
                <tbody>
                  $TurnosAbiertos: {t|
                  <tr>
                    <td>$t.Cajero.NombreCompleto$ <small>($t.PuntoVenta$)</small></td>
                    <td class="text-right">$t.FechaInicio; format="t"$</td>
                  </tr>
                  }$
                </tbody>
              </table>
            </div>
          </div>
          <div class="panel panel-info">
            <div class="panel-heading">
              <h3 class="panel-title">Ultimos Cierres</h3>
            </div>
            <div class="panel-body">
              <table class="table table-condensed  table-hover">
                <thead>
                  <tr>
                    <th>Cajero</th>
                    <th class="text-right">Hora Cierre</th>
                  </tr>
                </thead>
                 <tbody>
                  $TurnosCerrados: {t|
                  <tr>
                    <td><small>$t.Cajero.NombreCompleto$ <small>($t.PuntoVenta$)</small></small></td>
                    <td class="text-right"><small>$t.FechaCierre$</small></td>
                  </tr>
                  }$
                </tbody>
              </table>
            </div>
          </div>
        </div><!-- /.col-sm-4 -->
        <!--<div class="col-sm-4">
          <div class="panel panel-warning">
            <div class="panel-heading">
              <h3 class="panel-title">Panel5</h3>
            </div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
          <div class="panel panel-danger">
            <div class="panel-heading">
              <h3 class="panel-title">Panel6</h3>
            </div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
        </div>
      -->
      </div>
         </div>
      </div>
      </div>
      $shared/footer()$
  </body>
</html> 